/*
 * @LastEditors: yuSeen
 * @LastEditTime: 2021-12-29 17:46:44
 * 天凉好个秋
 */
module.exports = {
  purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      width: {
        content: "821px",
      },
      height: {
        'navbar-height': '60px',
        'playBar-height': '72px'
      },
      fontSize: {
        '10': '10px',
        '11': '11px',
        '12': '12px',
        '13': '13px'
      },
      fill: {
        theme: "var(--theme-color)!important",
      },
      minHeight: {
        60: "15rem",
      },
      minWidth: {
        content: "821px",
      },
      colors: {
        //主题颜色
        "theme-color": "var(--theme-color)",
        //强调文字颜色
        "main-text-color": "var(--main-text-color)",
        //普通文字颜色
        "common-text-color": "var(--main-text-color)",
        //次要文字颜色
        "sub-text-color": "var(--sub-text-color)",
        //最亮/最暗的背景色
        "max-bg-color": "var(--max-bg-color)",
        //主要背景色
        "main-bg-color": "var(--main-bg-color)",
        //次要背景色
        "sub-bg-color": "var(--sub-bg-color)",
        //激活背景色
        "active-bg-color": "var(--active-bg-color)",
        //主要边框颜色
        "main-border-color": "var(--main-border-color)",
        //次要边框颜色
        "sub-border-color": "var(--sub-border-color)",
        //滚动条颜色
        "scrollBar-color": "var(--scrollBar-color)",
        //图标颜色
        "icon-color": "var(--icon-color)",
        // 链接颜色
        "link-color": '#507db5'
      },
    },
  },
  variants: {
    extend: {
      visibility: ["hover"],
    },
  },
  plugins: [],
};
